<%--
  Created by IntelliJ IDEA.
  User: aiwzy
  Date: 2022/4/18
  Time: 16:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>创建发布菜谱</title>

    <link rel="stylesheet" href="../css/me.css" type="text/css">
    <link rel="stylesheet" href="../css/head.css" type="text/css">
</head>
<body>
<div class="head">
    <ul class="u1">
        <li><a href="../index.jsp" >美食天下 首页</a></li>
        <li><a href="http://localhost:8080/system/dish.jsp">菜谱</a></li>
        <li><a href="http://localhost:8080/system/cook.jsp">食材</a></li>
        <li><a href="#">专题</a></li>
        <li><a href="#">笔记</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">搜索</a></li>
    </ul>
    <a class="nr" href="#"><img src="../image/nr3.png" style="width: 18px;height: 18px;margin-top: 5px;"/><br/>客户端</a>
    <ul class="u2" style=" position: fixed;
    right: 68px;
    top: -13px;
    margin-right: 4px;">
        <li class="pic">
            <img src="
<%--        <c:if test="${!sessionScope.user.avatar.equals('')}">--%>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        ${sessionScope.user.avatar}
        </c:if>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        https://tse2-mm.cn.bing.net/th/id/OIP-C.Z8cO0OriANaUVakbQ6n0BwAAAA?w=153&h=165&c=7&r=0&o=5&dpr=1.65&pid=1.7
        </c:if>
" onclick="jump()" style="width: 35px;height: 35px; border-radius: 45%;cursor: pointer" >
            <script src="../js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript">
                function jump(){
                    var src = $("img")[0].src;
                    $.ajax({
                        url:http_request+"/system/member.jsp",
                        data:{
                            img:src
                        },
                        dataType:"text",
                        success:function (){
                            alert("欢迎来到个人中心！")
                            window.location.href=http_request+"/system/member.jsp"
                        },
                        error:function (){
                            alert("个人中心跳转失败！")
                        }
                    })
                }
            </script>

        </li>
        <li class="l2">
            <c:if test="${empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="/checkLogin" >登录/注册</a>
                </div>
            </c:if>
            <c:if test="${not empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="http://localhost:8080/system/member.jsp"  style="font-size: 15px; text-align: center; vertical-align: middle">${sessionScope.user.username}</a>
                </div>
            </c:if>
        </li>
        <li class="l1"><div><a href="http://localhost:8080/system/makeCook.jsp"><img src="../image/nr1.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px;"/><br/>发布</a></div></li>
        <li class="l1">
            <div>

                <img id="a1" src="../image/nr2.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px"/><br/>
                <span id="s1">签到有礼</span>
                <script type="text/javascript">
                    $(function (){
                        <c:if test="${not empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            $("#s1").html("已签到");
                        })
                        </c:if>
                        <c:if test="${ empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            alert("请您先进行登录。。。")
                        })
                        </c:if>


                    })
                </script>


            </div>
        </li>
    </ul>
</div>
<!-- 主框架 -->
<div>

    <div class="mod_left">
        <div class="menu_wrap">
            <dl>
                <dt>
                    <a href="http://localhost:8080/system/member.jsp">会员<br>中心</a>
                </dt>
                <dt>
                    <a class=on href="http://localhost:8080/system/myCook.jsp">菜谱</a>
                </dt>

                <dt>
                    <a href="#">话题</a>
                </dt>
                <dt>
                    <a href="#">日志</a>
                </dt>
                <dt>
                    <a href="../index.jsp">菜单</a>
                </dt>
                <dt>
                    <a href="#">收藏</a>
                </dt>
                <dt>
                    <a href="#">账户<br>设置</a>
                </dt>
            </dl>
        </div>

    </div>

    <!-- 右侧 -->
    <div class="mod_right">

        <div id="mod_location">
            <div class="mod_location clear">

                <div class="left">
                    <a href="http://localhost:8080/system/myCook.jsp" title="回到我的菜谱" class="return"> </a>
                    编辑菜谱
                </div>


            </div>
        </div>


        <div class="mr_edit mr_edit_center clear">
            <form action="/uploadCook" enctype="multipart/form-data" method="post">

                <input type="text" value="${sessionScope.xid}" name="id" hidden/>
                <input type="text" value="${sessionScope.xcid}" name="cid" hidden/>
                <input type="text" name="state" value="${sessionScope.state}" hidden>
                <input type="text" name="uname" value="${sessionScope.user.username}" hidden/>
                <ul>
                    <li class="low_tip">您的浏览器版本太低，无法使用新版菜谱编辑器，请升级。 <a
                            href="https://member.meishichina.com/center.php?ac=center&op=editrecipe_old&id=627594"
                            target="_blank">点击进入老版编辑页</a></li>

                    <li>
                        <label class="must">菜谱名称</label><br>
                        <input name="subject" class="inputL" type="text" value="
                        <c:if test="${ empty sessionScope.state}">
                        ${sessionScope.newdname}
                        </c:if>
                        <c:if test="${not empty sessionScope.state}">
                        ${sessionScope.xcook.dname}
                        </c:if>
                         ">
                    </li>
                    <li>
                        <div class="J_addDiv">
                            <label class="must">菜品类别</label><br>
                            <input type="text" class="inputL" placeholder="食材名" autocomplete="off" name="category" value="${sessionScope.category}">
                        </div>
                    </li>


                    <li>
                        <label class="must">成品图片</label><br>

                        <div class="J_upload">上传成品图
                            <input multiple class="J_img" id="J_m_cover" type="file"
                                   accept="image/png,image/gif,image/jpeg" name="file" onchange="fileChange(this)" ;>

                            <script src="../js/jquery-3.2.1.min.js"></script>
                            <script type="text/javascript">
                                function fileChange(target) {
                                    var newPreview = document.getElementById("pic");
                                    var cover = document.getElementById("cover");

                                    if (target) {
                                        var name = target.value;

                                        var fileName = name.substring(name.lastIndexOf(".") + 1).toLowerCase();

                                        if (fileName == "html" || fileName == "htm" || fileName == "js") {
                                            msc.ui.dialog.error("本文件不允许上传");

                                            $("#multi_cover_status").css("display", "none");
                                            $("#multi_step_status").css("display", "none");
                                            target.value = "";
                                            return
                                        } else {
                                            alert(fileName)
                                            $("#multi_cover_status").css("display", "inline-block");
                                            $("#multi_step_status").css("display", "inline-block")
                                            if (target.files) {
                                                newPreview.src = window.URL.createObjectURL(target.files.item(0));
                                                cover.style.display = "block";
                                                return;
                                            }
                                            newPreview.src = target.value;
                                            return;
                                        }
                                    }
                                }

                            </script>
                        </div>
                        <span class="img_status" id="multi_cover_status" style=" display: block ;color: #999;
    margin: 0 0 0 5px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;">本次共选择<b style="    display: inline-block;
    min-width: 15px;
    text-align: center;" class="s1">1</b>张图片，成功<b style="    display: inline-block;
    min-width: 15px;
    text-align: center;" class="s2">1</b>张，失败<b style="    display: inline-block;
    min-width: 15px;
    text-align: center;" class="s3">0</b>张。上传完毕！支持鼠标拖拽调整步骤顺序</span>

                        <div id="cover" style="display: none" class="clear" data-listidx="0">
                            <div style="cursor: move;"><a class="del" href="javascript:void(0);">删除</a><span></span>

                                <img src="" id="pic">
                                <input type="hidden" name="allpic"
                                       value="https://i8.meishichina.com/attachment/recipe/2022/04/20/20220420165044987717562712927127.jpg">
                            </div>
                        </div>
                        <script type="text/javascript">
                            $(function () {
                                $(".del").click(function () {
                                    alert("亲~必须得有一张成品图！")
                                })
                            })
                        </script>

                    </li>

                    <li>
                        <textarea class="autosize" name="message" maxlength="500"
                                  placeholder="请输入菜谱描述，最多输入500字">
                        <c:if test="${'修改'.equals(sessionScope.state)}">
                            ${sessionScope.xdish.detail}
                        </c:if>
                        </textArea>
                    </li>

                    <li class="makedifficulty">
                        <label class="must">制作难度</label><br>
                        <input type="hidden" id="difficulty" name="level" value="">
                        <div class="things_type1 clear on">
                            <span class="span1" data-value="1" onclick="dv(this)">简单</span>
                            <span class="span1" data-value="2" onclick="dv(this)">初级</span>
                            <span class="span1" data-value="3" onclick="dv(this)">中级</span>
                            <span class="span1" data-value="4" onclick="dv(this)">高级</span>
                        </div>

                    </li>
                    <li class="needtime">
                        <label class="must">需要时间</label><br>
                        <input type="hidden" id="needtime" name="during" value="0">
                        <div class="things_type1 clear need_time">
                            <span class="span2" data-value="1" onclick="dm(this)">十分钟</span>
                            <span class="span2" data-value="2" onclick="dm(this)">半小时</span>
                            <span class="span2" data-value="3" onclick="dm(this)">一小时</span>
                            <span class="span2" data-value="4" onclick="dm(this)">一天</span>
                        </div>
                    </li>
                    <script type="text/javascript">
                        function dv(da) {
                            var attribute = da.getAttribute("data-value");
                            document.getElementById("needtime").value =attribute
                        }
                        function dm(da) {
                            var attribute = da.getAttribute("data-value");
                            document.getElementById("difficulty").value =attribute
                        }
                        $(function () {
                            $(".span1").click(function () {
                                $(".span1").removeClass();
                                $(this).addClass("on")

                            })
                            $(".span2").click(function () {
                                $(".span2").removeClass();
                                $(this).addClass("on")
                            })
                        })
                    </script>


                    <li class="options clear">
                        <label class="">口味，工艺与使用厨具</label><br>

                        <div class="options_box clear">
                            <div>
                                <input type="text" name="cuisine" value="${sessionScope.processs[0]}" placeholder="口味（必填）">
<%--                                <a href="javascript:void(0);"><i></i></a>--%>

<%--                                <span title=""></span>--%>

                            </div>

                            <div>
                                <input type="text" name="technics" value="${sessionScope.processs[1]}" placeholder="烹饪工艺">
<%--                                <a href="javascript:void(0);"><i></i></a>--%>
<%--                                <span title=""></span>--%>

                            </div>


                            <div>
                                <input type="text" name="cookers" value="${sessionScope.processs[2]}" placeholder="使用厨具">
<%--                                <a href="javascript:void(0);"><i></i></a>--%>
<%--                                <span title=""></span>--%>

                            </div>
                        </div>

                    </li>

                    <li class="ingredient clear">
<%--                        <label class="must">食材明细</label>--%>
<%--                        <span class="tip">（新功能：支持添加多组食材，并可以修改食材组名。）</span>--%>

                        <blockquote>
                            <p><span>主料</span>
<%--                                <a href="javascript:void(0);" title="修改食材组名" class="edit"></a>--%>
                            </p>
                            <div class="J_addDiv">
                                <input type="text" class="liao" placeholder="食材名" autocomplete="off" name="mainfood" value="${sessionScope.mainfoods[0]}">
                                <input type="text" class="yongliang" placeholder="用量" autocomplete="off" name="myong" value="${sessionScope.mainfoods[1]}">
                                <script type="text/javascript">
                                    $("li.ingredient").on("focus", "input", function () {
                                        if ($(this).parent().hasClass('J_addDiv')) {
                                            $(this).parent().after('<div class="J_addDiv"><input type="text" class="liao"   autocomplete="off"  >' + '<input type="text" class="yongliang"  name="myong1"  autocomplete="off" >' + '<a href="javascript:void(0);" class="delete J_delete"></a></div>');
                                            $(this).parent().removeClass('J_addDiv');
                                        }
                                    })


                                    // $("li.ingredient").on("focus","input",function(){if($(this).parent().hasClass('J_addDiv')){$(this).parent().after('<div class="J_addDiv"><input type="text" class="liao"  autocomplete="off">'+'<input type="text" class="yongliang"   autocomplete="off">'+'<a href="javascript:void(0);" class="delete J_delete"></a></div>');$(this).parent().removeClass('J_addDiv');}});$("li.ingredient").on("click","a.delete",function(){if($(this).parent().hasClass('J_addDiv'))
                                    //     $(this).parent().prev().addClass('J_addDiv');$(this).parent().remove();});$("li.ingredient").on("click","a.edit",function(){var that=$(this);var name=that.parent().find('span').html();var content='<div id="dialog_ing_add" class="dialog_ing">食材组组名：&nbsp;<input  maxlength="20" autocomplete="off" type="text"  ></div>';msc.ui.dialog({content:[content],lock:true,width:'434px',height:'60px',title:"编辑组名",button:[{value:"确定",highlight:!0,callback:function(){var self=this;var ret_info=$("#dialog_ing_add input").val();ret_info=ret_info.trim(ret_info);if(ret_info==""){msc.ui.dialog.error("请输入食材组组名");return false}
                                    //             that.parent().find('span').html(ret_info)
                                    //             self&&self.close();return false}}],cancel:function(){return true},initialize:function(){$(this)[0].dom.content.find('input').focus().val(name);$(this)[0].dom.content.on("keydown","input",function(e){if(e.keyCode===13)
                                    //         $('a.ui-dialog-button-on').click();});}})});$("li.ingredient").on("click","a.del",function(){var that=$(this);msc.ui.dialog.alert("食材组内的食材将被清空。确定删除吗？",function(){$(that).closest("blockquote").fadeOut(200,function(){$(this).remove();});},$.noop);});$("#add_ingredient").click(function(){var content='<div id="dialog_ing_add" class="dialog_ing">食材组组名：&nbsp;<input  maxlength="20" autocomplete="off" type="text"></div>';var that=$(this);msc.ui.dialog({content:[content],lock:true,width:'434px',height:'60px',title:"编辑组名",button:[{value:"确定",highlight:!0,callback:function(){var self=this;var ret_info=$("#dialog_ing_add input").val();ret_info=ret_info.trim(ret_info);if(ret_info==""){msc.ui.dialog.error("请输入食材组组名");return false}
                                    //             $("#add_ingredient").before('<blockquote><p><span>'+ret_info+'</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a><a href="javascript:void(0);" title="删除食材组" class="del"></a></p><div class="J_addDiv"><input class="liao" autocomplete="off" type="text"><input class="yongliang" autocomplete="off" type="text"></div></blockquote>');self&&self.close();return false}}],cancel:function(){return true},initialize:function(){$(this)[0].dom.content.find('input').focus();$(this)[0].dom.content.on("keydown","input",function(e){if(e.keyCode===13)
                                    //         $('a.ui-dialog-button-on').click();});}})});
                                </script>
                            </div>
                        </blockquote>
                        <blockquote>
                            <p><span>辅料</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a>
                            </p>
                            <div class="J_addDiv">
                                <input type="text" class="liao" placeholder="食材名" autocomplete="off" name="fufood" value="${sessionScope.fufoods[0]}">
                                <input type="text" class="yongliang" placeholder="用量" autocomplete="off" name="fyong" value="${sessionScope.fufoods[1]}">
                            </div>
                        </blockquote>

                        <blockquote>
                            <p><span>调料</span><a href="javascript:void(0);" title="修改食材组名" class="edit"></a><a
                                    href="javascript:void(0);" title="删除食材组" class="del"></a></p>
                            <div class="J_addDiv">
                                <input type="text" class="liao" placeholder="食材名" autocomplete="off" name="tiaofood" value="${sessionScope.tiaofoods[0]}">
                                <input type="text" class="yongliang" placeholder="用量" autocomplete="off" name="tyong" value="${sessionScope.tiaofoods[1]}">
                            </div>
                        </blockquote>

<%--                        <div class="J_upload" id="add_ingredient">添加食材组</div>--%>
                    </li>

                    <li class="step">
                        <label class="must">做法步骤</label><br>
<%--                        <div class="J_upload">批量上传--%>
<%--                            <input multiple class="J_img" id="J_s_cover" type="file"--%>
<%--                                   accept="image/png,image/gif,image/jpeg" name="file" onchange="fileChange1(this)">--%>
<%--                        </div>--%>
<%--                        <span class="img_status" id="multi_step_status"></span>--%>

                        <div id="dragsort">

                            <input type="hidden" name="allpic"
                                   value="https://i8.meishichina.com/attachment/recipe/2022/04/20/20220420165044987717562712927127.jpg">
                            <blockquote class="cp_block J_blockQ clear">
                                <img src="" id="pic1" style="margin: 0 auto">
                                <div class="left2 addicon J_fileImag" >

                                    <input type="hidden" value="" name="step_img" id="cover1" id="J_img" class="J_img hidden"/>
                                    <input type="file" name="file1" class="file"  onchange="fileChange1(this)" accept="image/png,image/gif,image/jpeg"
                                           value=""/>
                                    <p class="p1" onclick="fileChange1(this)">点击上传步骤图</p>
                                    <p class="p3">（可不填）</p>

                                </div>
                                <script src="../js/jquery-3.2.1.min.js"></script>
                                <script type="text/javascript">
                                    function fileChange1(target) {
                                        var newPreview = document.getElementById("pic1");
                                        var cover = document.getElementById("cover1");

                                        if (target) {
                                            var name = target.value;

                                            var fileName = name.substring(name.lastIndexOf(".") + 1).toLowerCase();

                                            if (fileName == "html" || fileName == "htm" || fileName == "js") {
                                                msc.ui.dialog.error("本文件不允许上传");

                                                $("#multi_cover_status").css("display", "none");
                                                $("#multi_step_status").css("display", "none");
                                                target.value = "";
                                                return
                                            } else {
                                                $("#multi_cover_status").css("display", "inline-block");
                                                $("#multi_step_status").css("display", "inline-block")
                                                if (target.files) {
                                                    newPreview.src = window.URL.createObjectURL(target.files.item(0));
                                                    cover.style.display = "block";
                                                    return;
                                                }
                                                newPreview.src = target.value;
                                                // $("#J_img").removeClass("hidden")
                                                $("#cover1").addClass("hidden")
                                                $(".p1").addClass("hidden")
                                                $(".p3").addClass("hidden")
                                                return;
                                            }
                                        }
                                    }
                                </script>



                                <div class="right4">
                                    <textArea class="textArea J_input" name="note1" placeholder="1、请输入步骤说明"
                                              maxlength="200">${sessionScope.cookTexts[0]}</textArea>
                                    <span class="J_step_num">1、</span> <a href="javascript:void(0);"
                                                                          class="add J_addTextarea">&nbsp;添加一步&nbsp;</a>
                                    &nbsp;&nbsp;<a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a>
                                </div>
                            </blockquote>


                            <blockquote class="cp_block J_blockQ clear">
                                <img src="" id="pic2" style="margin: 0 auto">
                                <div class="left2 addicon J_fileImag">

                                    <input type="hidden" value="" name="step_img" id="cover2" class="J_img hidden"/>
                                    <input type="file" name="file2" class="file" onchange="fileChange2(this)"  accept="image/png,image/gif,image/jpeg"
                                           value=""/>
                                    <p class="p1">点击上传步骤图</p>
                                    <p class="p3">（可不填）</p>
                                </div>
                                <script src="../js/jquery-3.2.1.min.js"></script>
                                <script type="text/javascript">
                                    function fileChange2(target) {
                                        var newPreview = document.getElementById("pic2");
                                        var cover = document.getElementById("cover2");

                                        if (target) {
                                            var name = target.value;

                                            var fileName = name.substring(name.lastIndexOf(".") + 1).toLowerCase();

                                            if (fileName == "html" || fileName == "htm" || fileName == "js") {
                                                msc.ui.dialog.error("本文件不允许上传");

                                                $("#multi_cover_status").css("display", "none");
                                                $("#multi_step_status").css("display", "none");
                                                target.value = "";
                                                return
                                            } else {
                                                $("#multi_cover_status").css("display", "inline-block");
                                                $("#multi_step_status").css("display", "inline-block")
                                                if (target.files) {
                                                    newPreview.src = window.URL.createObjectURL(target.files.item(0));
                                                    cover.style.display = "block";
                                                    return;
                                                }
                                                newPreview.src = target.value;
                                                // $("#J_img").removeClass("hidden")
                                                $("#cover2").addClass("hidden")
                                                $(".p1").addClass("hidden")
                                                $(".p3").addClass("hidden")
                                                return;
                                            }
                                        }
                                    }
                                </script>

                                <div class="right4">
                                    <textArea class="textArea J_input" name="note2" placeholder="2、请输入步骤说明"
                                              maxlength="200">${sessionScope.cookTexts[1]}</textArea>
                                    <span class="J_step_num">2、</span> <a href="javascript:void(0);"
                                                                          class="add J_addTextarea">&nbsp;添加一步&nbsp;</a>
                                    &nbsp;&nbsp;<a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a>
                                </div>
                            </blockquote>


                            <blockquote class="cp_block J_blockQ clear">
                                <img src="" id="pic3" style="margin: 0 auto">
                                <div class="left2 addicon J_fileImag">

                                    <input type="hidden" value="" name="step_img" id="cover3" class="J_imghidden"/>
                                    <input type="file" name="file3" class="file" onchange="fileChange3(this)"  accept="image/png,image/gif,image/jpeg"
                                           value=""/>
                                    <p class="p1">点击上传步骤图</p>
                                    <p class="p3">（可不填）</p>
                                </div>

                                <script src="../js/jquery-3.2.1.min.js"></script>
                                <script type="text/javascript">
                                    function fileChange3(target) {
                                        var newPreview = document.getElementById("pic3");
                                        var cover = document.getElementById("cover3");

                                        if (target) {
                                            var name = target.value;

                                            var fileName = name.substring(name.lastIndexOf(".") + 1).toLowerCase();

                                            if (fileName == "html" || fileName == "htm" || fileName == "js") {
                                                msc.ui.dialog.error("本文件不允许上传");

                                                $("#multi_cover_status").css("display", "none");
                                                $("#multi_step_status").css("display", "none");
                                                target.value = "";
                                                return
                                            } else {
                                                $("#multi_cover_status").css("display", "inline-block");
                                                $("#multi_step_status").css("display", "inline-block")
                                                if (target.files) {
                                                    newPreview.src = window.URL.createObjectURL(target.files.item(0));
                                                    cover.style.display = "block";
                                                    return;
                                                }
                                                newPreview.src = target.value;
                                                // $("#J_img").removeClass("hidden")
                                                $("#cover2").addClass("hidden")
                                                $(".p1").addClass("hidden")
                                                $(".p3").addClass("hidden")
                                                return;
                                            }
                                        }
                                    }
                                </script>


                                <div class="right4">
                                    <textArea class="textArea J_input" name="note3" placeholder="3、请输入步骤说明"
                                              maxlength="200">${sessionScope.cookTexts[2]}</textArea>
                                    <span class="J_step_num">3、</span> <a href="javascript:void(0);"
                                                                          class="add J_addTextarea">&nbsp;添加一步&nbsp;</a>&nbsp;&nbsp;
                                    <a href="javascript:void(0);" class="delete J_delTextarea">&nbsp;删除本步&nbsp;</a>
                                </div>
                            </blockquote>
                        </div>

                    </li>

                    <li>
                        <label>小窍门</label><br>
                        <textarea name="tips" class="autosize" id="tips" maxlength="500"
                                  placeholder="最多输入500字" >${sessionScope.cookTexts[3]}</textarea>
                    </li>
                </ul>
                <input class="btn1" style=" background: #ff6767;
    border: 1px solid #ff6767;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    height: 38px;
    margin-left: 500px;
    width: 140px;"  type="submit" value="发布菜谱" >
            </form>

        </div>


    </div><!-- 右侧结束 -->

</div>

</body>
</html>
